<template>
	<view class="swrapper">
		<view class="top">
			<view class="topitem">
				<img src="/static/caigou1.png" alt="" class='img'>
				<view class="">
					项目录入
				</view>
			</view>
			<view class="topitem">
				<img src="/static/caigou2.png" alt="" class='img'>
				<view class="">
					发起询价
				</view>
			</view>
			<view class="topitem">
				<img src="/static/caigou3.png" alt="" class='img'>
				<view class="">
					询价提交情况
				</view>
			</view>
		</view>
		<view class="price">申请经费</view>
		<view class="tittle">
			<view class="left" style="color: #4F81E7; border-bottom: 3rpx solid #4F81E7;">
				询价公告
			</view>
			<view class="right">
				询价公式
			</view>
		</view>
		<view class="content">
			<view class="contenItem">
				<view class="shang">
					1.执法“活水”精准“滴灌”基层末端--龙岩实现乡镇消防赋权执法全覆盖
				</view>
				<view class="bottom">
					<view class="left">
						2022-09-23
					</view>
					<view class="right">
						阅读2342
					</view>
				</view>
			</view>
		</view>
		<view class="content">
			<view class="contenItem">
				<view class="shang">
					2.执法“活水”精准“滴灌”基层末端--龙岩实现乡镇消防赋权执法全覆盖
				</view>
				<view class="bottom">
					<view class="left">
						2022-09-23
					</view>
					<view class="right">
						阅读2342
					</view>
				</view>
			</view>
		</view>
		<view class="content">
			<view class="contenItem">
				<view class="shang">
					3.执法“活水”精准“滴灌”基层末端--龙岩实现乡镇消防赋权执法全覆盖
				</view>
				<view class="bottom">
					<view class="left">
						2022-09-23
					</view>
					<view class="right">
						阅读2342
					</view>
				</view>
			</view>
		</view>
		<view class="content">
			<view class="contenItem">
				<view class="shang">
					4.执法“活水”精准“滴灌”基层末端--龙岩实现乡镇消防赋权执法全覆盖
				</view>
				<view class="bottom">
					<view class="left">
						2022-09-23
					</view>
					<view class="right">
						阅读2342
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.swrapper{
		background-color: rgb(244, 244, 244);
		padding: 30rpx 0rpx;
		.top{
			height: 150rpx;
			background-color: rgb(255, 255, 255);
			padding: 30rpx 50rpx;
			display: flex;
			justify-content: space-between ;
			.topitem{
				text-align: center;
				// border-right: 1px solid red;
				.img{
					width: 100rpx;
					height: 50px;
				}
			}
		}
		.price{
			font-size: 34rpx;
			margin: 50rpx;
		}
		.tittle{
			background-color: rgb(255, 255, 255);
			display: flex;
			justify-content: space-between ;
			height: 70rpx;
			line-height: 70rpx;
			font-size: 33rpx;
			padding: 20rpx 100rpx;
		}
		.content{
			margin-top: 5rpx;
			background-color: rgb(255, 255, 255);
			padding: 40rpx;
			.contenItem{
				.shang{
					font-size: 33rpx;
				}
				.bottom{
					display: flex;
					color: gray;
					margin-top: 20rpx;
					.left{
						margin-right: 20rpx;
					}
				}
			}
		}
			
	}
</style>
